<template>
  <div>
    <el-container class="bigbox">
  <el-aside width="200px">

    <el-menu
            :router="booht"
            default-active="2"
            class="el-menu-vertical-demo"
          
            :default-openeds="['1','2','3']"
            background-color="#545c64"
            text-color="#fff"
            active-text-color="#ffd04b"
          >
            <el-submenu index="1">
              <template slot="title">
                <i class="el-icon-location"></i>
                <span>首页配置</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="/index/loopimg">
                  <i class="el-icon-picture"></i>
                  轮播图配置
                </el-menu-item>
                <el-menu-item index="/index/hotgoos">
                  <i class="el-icon-star-on"></i>
                  热销商品配置
                </el-menu-item>
                <el-menu-item index="/index/xinpin">
                  <i class="el-icon-sell"></i>
                  新品上线配置
                </el-menu-item>
                <el-menu-item index="/index/weinitui">
                  <i class="el-icon-star-on"></i>
                  为你推荐配置
                </el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            
            <el-submenu index="2">
              <template slot="title">
                <i class="el-icon-location"></i>
                <span>模块管理</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="/index/fenlei">
                  <i class="el-icon-picture"></i>
                  分类管理
                </el-menu-item>
                <el-menu-item index="/index/shangpin">
                  <i class="el-icon-star-on"></i>
                  商品管理
                </el-menu-item>
                <el-menu-item index="/index/huiyuan">
                  <i class="el-icon-sell"></i>
                  会员管理
                </el-menu-item>
                <el-menu-item index="/index/dingdan">
                  <i class="el-icon-star-on"></i>
                  订单管理
                </el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="3">
              <template slot="title">
                <i class="el-icon-location"></i>
                <span>系统管理</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="/index/xiugai">
                  <i class="el-icon-picture"></i>
                  修改密码
                </el-menu-item>
              </el-menu-item-group>
            </el-submenu>
          </el-menu>



  </el-aside>
  <el-container>
    <el-header class="resrod">
      <div>{{ $route.meta.title }}</div>
      <div>
        <el-collapse v-model="activeName" accordion>
 
 
  
  <el-collapse-item title="十三" name="1">
    <div class="bbnm"> 
     <section>登录名</section>{{ name }}
     <button @click="go()">退出</button>
     
  </div>

  <section>昵称: <span class="niceng">{{region}}</span></section>
  
  </el-collapse-item>
</el-collapse>
   
 
      </div>
    </el-header>
      <router-view></router-view>
    <el-footer>   Copyright © 2019-2021 十三. All rights reserved.</el-footer>
  </el-container>
</el-container>
   
  </div>
</template>

<script>
export default {
  data(){
    return {
      booht:true,
      activeName: '1',
    
        name:"",
        region:""
      
    }
  },
  mounted(){
  //   }
  this.getfun()
  },
  methods:{
    go(){
      alert("111")
      this.$router.push("./login")
    },
    async getfun() {//获取

let result = await this.$http.get("/adminUser/profile", { 
});
console.log(result);
this.name=result.data.loginUserName
this.region=result.data.nickName
// this.ruleForm.password=result.data.loginPassword
console.log(this.$md5(this.value));
// this.totalCount = result.data.totalCount;
// this.tableData = result.data.list;
// console.log(this.tableData);
// this.carouselUrl = result.data.list.carouselUrl;
},
  }
  
};
</script>

<style lang="less" scoped>
 .el-aside {
  background-color: rgb(84, 92, 100);
  height: 100%;
 
} 
.bigbox{
  height: 100vh;
}
.resrod{
  display: flex;
  justify-content: space-between;
}
.but{
  width: 200px;
  margin: 20px;
}
// .beijing{
//   background-color: aquamarine;
// }
.bbnm{
  display: flex;
  justify-content: space-between;
  width: 250px;
  
}
.niceng{
  margin-left: 35%;
}
</style>
